// css有兼容时，自动加前缀
// const autoprefixer = require('autoprefixer')
const pxtorem = require('postcss-pxtorem')

module.exports = {
  outputDir: 'dist',
  publicPath: process.env.NODE_ENV === 'production' ? '/vant-demo/' : '/',
  css: {
    loaderOptions: {
      postcss: {
        plugins: [
          pxtorem({
            // 设计稿的尺寸/10
            rootValue: 75,
            // 哪些属性自动从 px 转换为 rem, !font 排除所有与字体相关的属性
            propList: ['*', '!font*'],
            // 不转换 vant 组件库中的各样式,属性以van开头的
            selectorBlackList: ['van']
          })
        ]
      }
    }
  }
}
